<style>
	.mb15{ margin-bottom: 15px; }
	.mr20{ margin-right: 20px; }
	.export-button{ margin-bottom: 0; }
	.badge{ margin-left: 5px; color: #ffffff; }
	.btn-yellow,.btn-yellow1{ float: none; }
	/*.dataTables_scrollBody{ padding-bottom: 50px; }*/
</style>
<div ng-controller="contractListCtl">
    <div class="panel-body" style=" background: #fff; margin-top: 1px;">
        <form class="form-group export-button" id="search-bar">
            <div class="col-sm-2">
                <input type="text" class="form-control mb15 mr20" ng-model="communityName" name="userName" value="" placeholder="小区名称">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control mb15 mr20" ng-model="tenant" name="tenant" value="" placeholder="租客姓名/手机号">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control mb15 mr20" ng-model="landlord" name="landlord" value="" placeholder="房东姓名/手机号">
            </div>
            <div class="col-sm-2">
                <select  class="form-control mb15 mr20" ng-model="contractStatus" ng-options="opt.name for opt in contractStatusList"></select>
            </div>
            <div class="col-sm-2">
                <select  class="form-control mb15 mr20" ng-model="downPaymentStatus" ng-options="opt.name for opt in downPaymentStatusList"></select>
            </div>
            
            <!-- <ui-pcd child-class="col-sm-2"></ui-pcd> -->
             <div class="col-md-2" style="padding: 0;">
             	<button style="background: #FA6F39;margin-top: 7px;" ng-click="search()">查询</button>
        		<button style="margin-top: 7px;" ng-click="reset()">重置</button>
             </div> 
                        
            <div class="clear"></div>
        </form>
    </div>
    <div class="wrapper-md">
        <!--<div class="cover-bg" ng-show="isCoverBgShow" ng-click="coverBgHide()"></div>-->
        <div class="row">
            <div class="col-md-12">
                <div class="export-button">
                    <button type="button" ng-click="exportExcel()">导出excel</button>
                </div>
                <div class="panel panel-default">
                    <!-- <div class="panel-body form-inline">
                    	<div class="col-md-12">
    	                    <form id="search-bar">
    							<input type="text" class="form-control mb15 mr20" ng-model="communityName" name="userName" value="" placeholder="小区名称">
    							<input type="text" class="form-control mb15 mr20" ng-model="tenant" name="tenant" value="" placeholder="租客姓名/手机号">
    							<input type="text" class="form-control mb15 mr20" ng-model="landlord" name="landlord" value="" placeholder="房东姓名/手机号">
    							<select style="min-width: 184px;" class="form-control mb15 mr20" ng-model="contractStatus" ng-options="opt.name for opt in contractStatusList"></select>
    							<select style="min-width: 184px;" class="form-control mb15 mr20" ng-model="downPaymentStatus" ng-options="opt.name for opt in downPaymentStatusList"></select>
    							<select style="min-width: 184px;" class="form-control mb15 mr20" name="upId">
    								<option selected="selected">选择审核状态</option>
    							</select>
    							<button class="btn btn-primary btn-sm " type="button" ng-click="search()"> 搜索</button>
    							<button class="btn-yellow mb15" ng-click="search()">查询</button>
    							<button class="btn-yellow1 mb15" ng-click="reset()">重置</button>
    						</form>
    					</div>
    					<div class="col-md-12">
                            <div class="export-button">
    		                <button type="button" ng-click="exportExcel()">导出excel</button>
                            </div>
    		                <button style="margin-left: 20px;" class="export-button" type="button">未确认合同<span class="badge">10</span></button>
    		                <button style="margin-left: 20px;" class="export-button" type="button">未付首付合同<span class="badge">10</span></button>
    		           </div>
                    </div> -->
                    <div class="table-responsive">
                        <table ui-jq="dataTable"  ui-options="dataTableSettingContracts"  ui-callback="initFinishContractList" class="table table-striped m-b-none dataTableContracts">
                            <thead style="background: #E0E2EB;">
                                <tr>
                                	<th class="text-center">
                                		<input type="checkbox" ng-click="allMenu($event)"  class="" />
                                	</th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                	<th class="text-center"></th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

